<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd"  
      xml:lang="en"  
      lang="en"> 

<body>
<wicket:extend>

	<!-- search tickets form -->
	<div class="hidden-phone pull-right">
		<form class="form-search" style="margin: 0px;" wicket:id="ticketSearchForm">
			<div class="input-append">
				<input type="text" class="input-medium search-query" style="border-radius: 14px 0 0 14px; padding-left: 14px;" id="ticketSearchBox" wicket:id="ticketSearchBox" value=""/>
				<button class="btn" style="border-radius: 0 14px 14px 0px;margin-left:-5px;" type="submit"><i class="icon-search"></i></button>
			</div>
		</form>
	</div>

	<ul class="nav nav-tabs">
		<li class="active"><a data-toggle="tab" href="#tickets"><i style="color:#888;"class="fa fa-ticket"></i> <wicket:message key="gb.tickets"></wicket:message></a></li>
		<li><a data-toggle="tab" href="#milestones"><i style="color:#888;"class="fa fa-bullseye"></i> <wicket:message key="gb.milestones"></wicket:message></a></li>
	</ul>
	<div class="tab-content">
	<div class="tab-pane active" id="tickets">
	<div class="row" style="min-height:500px;" >
	
		<!-- query controls -->
		<div class="span3">
			<div wicket:id="milestonePanel"></div>
			<div class="hidden-phone">
				<ul class="nav nav-list">
  					<li class="nav-header"><wicket:message key="gb.queries"></wicket:message></li>
  					<li><a wicket:id="changesQuery"><i class="fa fa-code-fork fa-fw"></i> <wicket:message key="gb.proposalTickets"></wicket:message></a></li>
					<li><a wicket:id="bugsQuery"><i class="fa fa-bug fa-fw"></i> <wicket:message key="gb.bugTickets"></wicket:message></a></li>
					<li><a wicket:id="enhancementsQuery"><i class="fa fa-magic fa-fw"></i> <wicket:message key="gb.enhancementTickets"></wicket:message></a></li>
					<li><a wicket:id="tasksQuery"><i class="fa fa-ticket fa-fw"></i> <wicket:message key="gb.taskTickets"></wicket:message></a></li>
					<li><a wicket:id="questionsQuery"><i class="fa fa-question fa-fw"></i> <wicket:message key="gb.questionTickets"></wicket:message></a></li>
					<li><a wicket:id="maintenanceQuery"><i class="fa fa-cogs fa-fw"></i> <wicket:message key="gb.maintenanceTickets"></wicket:message></a></li>
  					<li wicket:id="userDivider" class="divider"></li>
  					<li><a wicket:id="createdQuery"><i class="fa fa-user fa-fw"></i> <wicket:message key="gb.yourCreatedTickets"></wicket:message></a></li>
  					<li><a wicket:id="watchedQuery"><i class="fa fa-eye fa-fw"></i> <wicket:message key="gb.yourWatchedTickets"></wicket:message></a></li>
  					<li><a wicket:id="mentionsQuery"><i class="fa fa-comment fa-fw"></i> <wicket:message key="gb.mentionsMeTickets"></wicket:message></a></li>
  					<li class="divider"></li>
  					<li><a wicket:id="resetQuery"><i class="fa fa-bolt fa-fw"></i> <wicket:message key="gb.reset"></wicket:message></a></li>
				</ul>
			</div>			
			<div wicket:id="dynamicQueries" class="hidden-phone"></div>
		</div>
	
		<!-- tickets -->
		<div class="span9">
			<div class="btn-toolbar" style="margin-top: 0px;">
				<div class="btn-group">
  					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><wicket:message key="gb.status"></wicket:message>: <span style="font-weight:bold;" wicket:id="selectedStatii"></span> <span class="caret"></span></a>
  					<ul class="dropdown-menu">
    					<li><a wicket:id="openTickets"><wicket:message key="gb.open"></wicket:message></a></li>
    					<li><a wicket:id="closedTickets"><wicket:message key="gb.closed"></wicket:message></a></li>
    					<li><a wicket:id="allTickets"><wicket:message key="gb.all"></wicket:message></a></li>
    					<li class="divider"></li>
    					<li wicket:id="statii"><span wicket:id="statusLink"></span></li>
  					</ul>
				</div>

				<div class="btn-group hidden-phone">				
  					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-user"></i> <wicket:message key="gb.responsible"></wicket:message>: <span style="font-weight:bold;" wicket:id="currentResponsible"></span> <span class="caret"></span></a>
  					<ul class="dropdown-menu">
    					<li wicket:id="responsible"><span wicket:id="responsibleLink"></span></li>
    					<li class="divider"></li>
    					<li><a wicket:id="resetResponsible"><i class="fa fa-bolt"></i> <wicket:message key="gb.reset"></wicket:message></a></li>
  					</ul>
				</div>

				<div class="btn-group">
  					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-sort"></i> <wicket:message key="gb.sort"></wicket:message>: <span style="font-weight:bold;" wicket:id="currentSort"></span> <span class="caret"></span></a>
  					<ul class="dropdown-menu">
    					<li wicket:id="sort"><span wicket:id="sortLink"></span></li>
  					</ul>
				</div>
			
				<div class="btn-group pull-right">
					<div class="pagination pagination-right pagination-small">
  						<ul>
  							<li><a wicket:id="prevLink"><i class="fa fa-angle-double-left"></i></a></li>
    						<li wicket:id="pageLink"><span wicket:id="page"></span></li>
    						<li><a wicket:id="nextLink"><i class="fa fa-angle-double-right"></i></a></li>
  						</ul>
					</div>
				</div>
			</div>
		
			<div wicket:id="ticketList"></div>
		
			<div class="btn-group pull-right">
					<div class="pagination pagination-right pagination-small">
  						<ul>
  							<li><a wicket:id="prevLink"><i class="fa fa-angle-double-left"></i></a></li>
    						<li wicket:id="pageLink"><span wicket:id="page"></span></li>
    						<li><a wicket:id="nextLink"><i class="fa fa-angle-double-right"></i></a></li>
  						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="milestones">
		<div class="row">
			<span class="span12" style="padding-bottom:10px;" wicket:id="newMilestone"></span>
		</div>

		<div class="row">
			<div class="span12"><h2><wicket:message key="gb.openMilestones"></wicket:message></h2></div>
			<div class="span12"><hr/></div>
		</div>		
		<div class="row">
			<div class="span4" wicket:id="openMilestonesList" style="padding-bottom: 20px;">
				<div wicket:id="entryPanel"></div>
			</div>
		</div>

		<div class="row">
			<div class="span12"><h2><wicket:message key="gb.closedMilestones"></wicket:message></h2></div>
			<div class="span12"><hr/></div>
		</div>		
		<div class="row">
			<div class="span3" wicket:id="closedMilestonesList" style="padding-bottom: 15px;">
				<div wicket:id="entryPanel"></div>
			</div>
		</div>
		
	</div>
</div>

<wicket:fragment wicket:id="milestoneListFragment">
	<h3><span wicket:id="milestoneName"></span> <small><span wicket:id="milestoneState"></span></small></h3>
	<i style="color:#888;"class="fa fa-calendar"></i> <span wicket:id="milestoneDue"></span> <span wicket:id="editMilestone"></span>
	<div wicket:id="milestonePanel"></div>
</wicket:fragment>

<wicket:fragment wicket:id="openMilestoneFragment">
	<div style="clear:both;padding-bottom: 10px;">
		<div style="margin-bottom: 5px;" class="progress progress-success">
			<div class="bar" wicket:id="progress"></div>
		</div>
		<div class="milestoneOverview">
			<span wicket:id="openTickets" />,
			<span wicket:id="closedTickets" />,
			<span wicket:id="totalTickets" />
		</div>
	</div>
</wicket:fragment>

<wicket:fragment wicket:id="noMilestoneFragment">
<table style="width: 100%;padding-bottom: 5px;">
<tbody>
<tr>
	<td style="color:#888;"><wicket:message key="gb.noMilestoneSelected"></wicket:message></td>
	<td><div wicket:id="milestoneDropdown"></div></td>
</tr>
</tbody>
</table>
</wicket:fragment>

<wicket:fragment wicket:id="milestoneProgressFragment">
<table style="width: 100%;padding-bottom: 5px;">
<tbody>
<tr>
	<td style="color:#888;">
		<div><i style="color:#888;"class="fa fa-bullseye"></i> <span style="font-weight:bold;" wicket:id="currentMilestone"></span></div>
		<div><i style="color:#888;"class="fa fa-calendar"></i> <span style="font-weight:bold;" wicket:id="currentDueDate"></span></div>
	</td>
	<td>
		<div wicket:id="milestoneDropdown"></div>
	</td>
</tr>
</tbody>
</table>
<div style="clear:both;padding-bottom: 10px;">
	<div style="margin-bottom: 5px;" class="progress progress-success">
		<div class="bar" wicket:id="progress"></div>
	</div>
	<div class="milestoneOverview">
		<span wicket:id="openTickets" />,
		<span wicket:id="closedTickets" />,
		<span wicket:id="totalTickets" />
	</div>
</div>
</wicket:fragment>

<wicket:fragment wicket:id="milestoneDropdownFragment">
<div class="btn-group pull-right">
	<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-gear"></i> <span class="caret"></span></a>
	<ul class="dropdown-menu">
		<li wicket:id="milestone"><span wicket:id="milestoneLink">[milestone]</span></li>
		<li class="divider"></li>
		<li><a wicket:id="resetMilestone"><i class="fa fa-bolt"></i> <wicket:message key="gb.reset"></wicket:message></a></li>
	</ul>
</div>
</wicket:fragment>

<wicket:fragment wicket:id="dynamicQueriesFragment">
	<hr/>
	<ul class="nav nav-list">
		<li class="nav-header"><wicket:message key="gb.topicsAndLabels"></wicket:message></li>
		<li class="dynamicQuery" wicket:id="dynamicQuery"><span><span wicket:id="swatch"></span> <span wicket:id="link"></span></span><span class="pull-right"><i style="font-size: 18px;" wicket:id="checked"></i></span></li>
	</ul>
</wicket:fragment>

</wicket:extend>
</body>
</html>